<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0 viewport-fit=cover" />
		<meta charset="utf-8" />
		<link
			rel="icon"
			href="%sveltekit.assets%/images/logo.png"
			media="(prefers-color-scheme: dark)"
		/>
		<link
			rel="icon"
			href="%sveltekit.assets%/images/logo-dark.png"
			media="(prefers-color-scheme: light)"
		/>
		<link rel="stylesheet" href="%sveltekit.assets%/styles/reset.css" />
		<link rel="stylesheet" href="%sveltekit.assets%/styles/code.css" />
		<link rel="stylesheet" href="%sveltekit.assets%/styles/pokedex.css" />
		<link rel="stylesheet" href="%sveltekit.assets%/styles/md.css" />
		<link rel="preconnect" href="https://fonts.googleapis.com" />
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
		<link
			href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap"
			rel="stylesheet"
			defer
		/>
		<link
			href="https://fonts.googleapis.com/css2?family=Crete+Round&family=Fira+Sans:wght@400&family=Hind:wght@300;400;500;700&display=swap"
			rel="stylesheet"
			defer
		/>
		%sveltekit.head%
	</head>
	<body>
		<div id="app">%sveltekit.body%</div>
	</body>
</html>
